/*

Theme Name: sustainable
Theme URI: http://www.LetsEat.at
Description: A clean, lightweight template.
Version: 1.2
Author: LetsEat.at
Author URI: http://www.LetsEat.at
Tags: blue, orange, white, fixed width, two columns, widgets

This template is being distributed under Creative Commons Attribution Unported 3.0:
http://creativecommons.org/licenses/by/3.0/

Please leave a link back to our site at the bottom of yours. Aside from that, you can do whatever you want with it. Thanks!

v1.2 - Added clearfix to fix those pesky floated images, removed image borders.
v1.1 - Fixed a broken tag

*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
  background:#c2e7ed url(images/bg.gif) repeat-x;
}

body {
  width:960px;
  margin:0 auto;
  font:62.5% 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-size:1.6em;
  color:#4f647b;
}

img {
  border:0;
}

#masthead {
  padding-top:50px;
  padding-bottom:5px;
}

h1 {
  font-size:4.8em;
  margin-left:30px;
  margin-right:5px;
  color:#7b684f;
  display:inline;
}

h1 a {
  color:#7b684f;
  text-decoration:none;
}

#masthead p {
  font-weight:bold;
  display:inline;
  font-size:1.4em;
}

p, li {
  color:#4f647b;
}

a {
  color:#4f647b;
  outline:none;
}

div#content {
  background:#FFF url(images/content_top.gif) no-repeat;
  padding:30px 30px 0px;
}

/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

#main_content {
  width:620px;
  float:left;
}

#main_content h2 {
  color:#ff9600;
  font-size:3em;
  margin-bottom:10px;
}

#main_content h2 a {
  color:#ff9600;
  text-decoration:none;
}

#main_content p {
  font-size:1.4em;
  line-height:2em;
  margin:10px 0;
}

.article {
  margin-bottom:30px;
}

.article blockquote {
  padding-left:10px;
  margin:15px 10px;
  border-left:5px solid #FFD396;
}

.article ul, .article ol {
  margin:10px;
}

.article ul li {
  font-size:1.4em;
  margin:5px 0 5px 10px;
  list-style:square;
}

.article ul li li, .article ol li li {
  font-size:1em;
  list-style:circle;
}

.article ol li {
  font-size:1.4em;
  margin:5px 0 5px 20px;
  list-style:decimal;
}

#main_content p.byline {
  font-size:1.2em;
}

ul.article_footer {
  background:#e4edf8;
  text-align:right;
  padding:15px 0 15px 10px;
  margin:20px 0 0;
}

ul.article_footer li {
  display:inline;
  margin:0 10px 0 0;
  padding-right:10px;
  border-right:1px solid #CCC;
  font-size:1.2em;
}

ul.article_footer li.last {
  border-right:0;
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

#secondary_content {
  width:280px;
  float:left;
  margin-bottom:30px;
}

#secondary_content p {
  font-size:1.2em;
  width:218px;
  line-height:1.75em;
  margin-bottom:10px;
  font-style:italic;
}

ul#nav {
  margin-left:19px;
}

ul#nav li {
  display:inline; /* Prevents weird line-break issue with IE6 */
}

ul#nav li a {
  display:block;
  padding:10px 15px;
  background:#e4edf8 url(images/dots.gif) bottom repeat-x;
  text-decoration:none;
  font-size:1.6em;
  font-weight:bold;
  border-left:11px solid #FFF;
}

ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover {
  background:#d4e1f2 url(images/arrow.gif) 0 center no-repeat;
  border-left:0;
  padding-left:26px;
}

ul#nav li a:hover {
  background:#DCE8F8 url(images/dots.gif) bottom repeat-x;
}

#secondary_content h2 {
  font-size:1.6em;
  margin-bottom:8px;
}

#search {
  background:#f1f1f1;
  padding:15px;
  margin-left:30px;
}

#search input {
  margin-right:5px;
  width:125px;
  height:14px;
  padding:5px;
}

#search input#submit {
  width:auto;
  height:30px;
  margin-right:0;
}

#secondary_nav {
  background:#e3e3e3;
  padding:15px;
  margin-left:30px;
}

#secondary_nav h2 a {
  text-decoration:none;
}

#secondary_nav ul ul {
  margin:8px 0 20px;
  border-left:5px solid #EEE;
  padding-left:10px;
  font-size:1.2em;
}

#secondary_nav ul ul ul {
  font-size:1em;
  border-left:5px solid #F8F8F8;
  margin:0;
}

#secondary_nav ul ul li {
  margin:5px 0;
}

#secondary_nav ul ul li a {
  text-decoration:none;
}

#secondary_nav ul ul li a:hover {
  color:#1B3E63;
}

#secondary_content hr {
  margin-bottom:10px;
  background:url(images/dots.gif) repeat-x;
  border:0;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

ul#footer {
  clear:both;
  width:960px;
  height:9px;
  background:url(images/content_bottom.gif) top no-repeat;
  text-align:center;
  padding:20px 0;
}

ul#footer li {
  display:inline;
  margin-right:10px;
}

ul#footer li a {
  text-decoration:none;
  font-weight:bold;
}

ul#footer li a:hover {
  text-decoration:underline;
}


/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff

-----------------------------------------------------------------------------*/

h3.pagetitle {
  margin-bottom:15px;
}

.entry p small {
  line-height:1.5;
}

h3#comments {
  margin:30px 0 20px;
}

ol.commentlist {
  margin:20px 0;
  padding-bottom:10px;
}

ol.commentlist li {
  margin:30px 0;
}

ol.commentlist li div.comment_bubble {
  margin:10px 0;
  border:1px solid #EAEAEA;
  background:#FAFAFA;
  padding:5px 15px 0;
  clear:both;
}

ol.commentlist li cite {
  font-size:1.4em;
  margin-left:5px;
}

textarea#comment {
  width:550px;
  margin:10px 0;
  padding:10px;
}

#main_content p.comment_meta {
  font-size:1.2em;
  text-align:right;
  float:right;
  margin:0;
}

form#commentform {
  margin:10px 0;
  padding:10px 20px;
  border:1px solid #EAEAEA;
  background:#FAFAFA;
}

form#commentform label {
  margin-left:5px;
}

.navigation {
  margin:0 0 20px;
  font-size:1.2em;
}

#main_content ul.links_page li {
  margin:15px 0;
}

#main_content li.linkcat h2 {
  font-size:1.6em;
  margin-bottom:5px;
  color:#4F647B;
}

#main_content li.linkcat li {
  font-size:1.2em;
  margin:3px 0;
}

ul.archives {
  margin-bottom:20px;
}

ul.archives li {
  font-size:1.4em;
  margin:3px 0;
  font-weight:bold;
}

ul.archives li a {
  font-weight:normal;
}

ul.archives li li {
  font-size:0.8em;
  font-weight:normal;
}

body#commentspopup {
  padding:10px;
  width:360px;
}

body#commentspopup h1 {
  font-size:2em;
  margin-left:0;
}

body#commentspopup h2 {
  margin:10px 0;
}

body#commentspopup p {
  margin:10px 0;
}

body#commentspopup label {
  margin:0;
}

body#commentspopup textarea {
  width:295px;
  height:50px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

div.navigation {
  display:block;
  height:1em;
}

/*-----------------------------------------------------------------------------

  Clearfix

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */

